<!DOCTYPE html>
<html>
<head>
    <title></title>
		<#include "/header.html">
</head>
<style>
    .item-tab-3{
        background-color: #fff;
        border-bottom: 1px solid #dee5e7;
        padding-top: 10px;
        padding-bottom: 10px!important;
        border-top: 1px solid rgb(222, 229, 231);
        height: 111px;
        margin-bottom: 20px
    }
    .funds-detail{
        width: 100%;
        height:90px;
        line-height:90px;
    }
    .money-content{
        float: left;
        width: 20%;
        font-size: 14px;
        color: #fff;
        text-align: center;
        padding-right: 10px;
        height: 90px;
        box-sizing: border-box;
        display: table;
    }
    .f-table-cell{
        width: 100%;
        height: 90px;
        border-radius: 3px;
    }
</style>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <div style="float: left;margin-left:10px;height:34px;line-height:34px;">订单编号：</div>
            <div style="float: left;width:160px;margin-right: 10px;">
                <input type="text" class="form-control" v-model="q.number" @keyup.enter="query" placeholder="请输入内容">
            </div>
            <div style="float: left;margin-left:10px;height:34px;line-height:34px;">货架名称：</div>
            <div style="float: left;width:160px;margin-right: 10px;">
                <select class="form-control" v-model="q.sheelvesid" @keyup.enter="query" id="sheelves_id">

                </select>
            </div>
            <div style="float: left;margin-left:10px;height:34px;line-height:34px;">购买人：</div>
            <div style="float: left;width:160px;margin-right: 10px;">
                <input type="text" class="form-control" v-model="q.buyer" @keyup.enter="query" placeholder="请输入内容">
            </div>
            <div style="float: left;margin-left:10px;height:34px;line-height:34px;">创建时间：</div>
            <div style="float: left;width:350px;margin-right: 10px;" id="sandbox-container">

                <div class="input-group date" style="width:46%;float:left;">
                    <input type="text" class="form-control" v-model="q.startime"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
                </div>
                <div style="width: 4%;float:left;margin-left:7px;margin-top:8px;padding-left:1px;">
                    -
                </div>
                <div class="input-group date" style="width:48%;">
                    <input type="text" class="form-control" v-model="q.endtime"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
                </div>

            </div>
            <a class="btn btn-primary" @click="query">查询</a>
            <a class="btn btn-primary" @click="add">&nbsp;导出</a>
        </div>
        <div class="item-tab-3">
            <div class="funds-detail">
                <div class="money-content">
                    <div style="background-color: #1e8feb;" class="f-table-cell">
                        <div style="height:20px;">订单金额</div>
                        <div id="ddje"></div>
                    </div>
                </div>
                <div class="money-content">
                    <div style="background: #4FD0B0;" class="f-table-cell">
                        <div style="height:20px;">支付金额</div>
                        <div id="zfje"></div>
                    </div>
                </div>
                <div class="money-content">
                    <div style="background: #FFB761;" class="f-table-cell">
                        <div style="height:20px;">商品成本</div>
                        <div id="spcb"></div>
                    </div>
                </div>
                <div class="money-content">
                    <div style="background: #FF8A61;" class="f-table-cell">
                        <div style="height:20px;">商品利润</div>
                        <div id="splr"></div>
                    </div>
                </div>
            </div>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

</div>

<script src="${request.contextPath}/statics/js/modules/sys/shelvesorders.js?_${.now?long}"></script>
<script>
    $("#sandbox-container .input-group.date").datepicker({
        language: "zh-CN",
        clearBtn: true, //清除按钮
        format: "yyyy-mm-dd",
        todayHighlight:true
    });
</script>
</body>
</html>